@charset "utf-8";
/* CSS Document */
/* 公用样式 */
html{ color:#4f4f4f; background:#deeef2; direction:ltr;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0; word-wrap:break-word;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0; vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:inherit; font-weight:inherit;}
del,ins{ text-decoration:none;}
ol,li,ul,li{ list-style:none; list-style-type:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
i,em{font-style:normal;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap;  white-space: -pre-wrap;  white-space: -o-pre-wrap;  Word-wrap: break-word;}

body {
	font-family: Consolas, 微软雅黑, Microsoft YaHei, Helvetica, Tahoma, StSun,宋体, SimSun, sans-serif;
	font-size: 14px;
	*font-size: 12px; 
	+font-size: 14px; /* ie7 */ 
	_font-size : 14px; /* ie6 */
	color: #4f4f4f;
	background: #fff;
}

h1{ font-size:16px;}
h2{ font-size:14px;}
h3{ font-size:14px;}
h4{ font-size:12px;}
h5{ font-size:12px;}
h6{ font-size:12px;}
* html,* html body /* 修正IE6振动bug */{_background-image:url(about:blank);_background-attachment:fixed;}

/* 常用功能样式 */
.float-left{ float:left;}
.float-right{ float:right;}
.clear{ height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both;}
.overflow{ overflow:auto;}
.nobg{ background:none!important;}
.cnzz{ display:none;}
.nostyle *{ font-size:12px!important; font-weight:normal; color:#555; float:none; width:auto; margin:0; padding:0; text-align:left;}

/* 默认文字链接样式 */
a{ color:#248dac; text-decoration:none;}
a:hover{ color:#61a9be; text-decoration:none;}

/* 颜色 */
#wrap .gray{ color:#939393;}
#wrap .red{ color:#ff0707;}
#wrap .green{ color:#009934;}
#wrap .orange{ color:#ff6c00;}
#wrap .black{ color:#000;}
#wrap .blue{ color:#248dac;}

/* Form */
fieldset{ border:none; float:left;}
legend{ color:#000;}
input,select{ vertical-align:middle; font-size:12px;}
label{ color:#666; cursor:pointer; font-weight:normal;}
textarea{ border:1px solid #bdc7d8; padding:5px 3px 3px 5px; font-size:12px; overflow:auto; resize:vertical; color:#4F4F4F;}
select,label,textarea,input{ font-family:"lucida grande",tahoma,verdana,arial,STHeiTi,simsun,sans-serif;}
textarea:focus,textarea.focus,input.focus{ color:#000!important;}
#wrap .input-radio{ width:auto; height:auto; margin:0 5px 0 10px; padding:0; border:0;}
#wrap .input-radio.hover{ border:0;}
#wrap .input-checkbox{ width:auto; height:auto; margin:0 5px 0 0; padding:0; border:0;}
#wrap .input-checkbox.hover{ border:0;}

/* vkomedia */
.vkomedia{ width:620px; height:390px; position:fixed; z-index:1100; top:160px; left:50%; margin:0 0 0 -360px; background:url(../images/pic/vkomedia.png) no-repeat; padding:9px 10px 30px 10px; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+100));}
.vkomedia .mediabox{ width:620px; height:376px; position:relative; z-index:102; background:#101010; overflow:hidden;}
.vkomedia .mediabox #vkoMedia{ width:620px; height:345px; top:0;}
.vkomedia .mediabox h4{ width:100%; hegiht:30px; line-height:30px; background:url(../images/pic/playhead.jpg) #010101 repeat-x; float:left; font-size:12px; position:relative;}
.vkomedia .mediabox h4 span{ float:left; margin:0 0 0 15px;color:#fff; width:auto;}
.vkomedia .mediabox h4 em{ float:left; color:#fff; width:80%;}
.vkomedia .close{ width:12px!important; height:12px; background:url(../images/pic/close.gif) center center no-repeat; float:left; margin:0; position:absolute; top:8px; right:8px; cursor:pointer;}
#screenMask{ width:100%; height:100%; position:absolute; background:#101010; top:0; display:none; z-index:1001; }

/* Table */
#wrap table{ border:1px solid #a1a1a1;}
#wrap table th,#wrap table td{ height:30px; line-height:20px; text-align:center; border:1px solid #e0dfdf;}
#wrap table th{ border-bottom:1px solid #a1a1a1; font-weight:bold;}
#wrap table tfoot td{ text-align:right;}

/* 翻页 */
.page{ padding:10px; text-align:right; float:right;}
.page a{ padding:2px 7px; background:none; margin:0 2px; color:#000; text-decoration:none; cursor:pointer;}
.page a:hover{ background:#71c5e6; color:#fff;}
.page a:active { background:#71c5e6; color:#fff;}
.page .firstpage,.page .lastpage{ padding:2px 5px; background:#71c5e6; color:#fff;}
.page .current { background:#71c5e6; color:#fff; padding:2px 7px; font-weight:bold; margin:0 2px;}
.page .disabled {padding:2px 5px; background:#ccc; cursor:default;}

.pagination{ width:100%; clear:both; text-align:right; margin:10px 0; font-size:80%; display:inline-block; *display:inherit; *zoom:1; font-size:12px;}
.pagination a,.pagination span.current{ height:22px; line-height:22px; background:#eaeaea; margin:20px 10px 0 0; padding:0px 8px; text-decoration:none; color:#000; display:inline-block; *display:inherit; *zoom:1; }
.pagination span{ margin:30px 10px 0 0; display:inline-block; *display:inherit; *zoom:1; cursor:default;}
.pagination a:hover,.pagination .prve,.pagination span.current,.pagination .current{ background:#71c5e6; color:#fff;text-decoration:none;}
.pagination .current.prev,.pagination .current.next{ clear:none; padding:0px 8px; height:22px; line-height:22px; background:#eaeaea; color:#cccccc; margin:20px 10px 0 0; }
.pagination a.prev,.pagination a.next{ _background:#71c5e6!important; _color:#fff!important;}
.pagination .current.prev,.pagination .current.next{ _background:#eaeaea!important; _color:#ccc!important;}

/* 密码强度检测 */
#password_weight{ width:105px; height:22px; background:url(../images/pic/pwbg.png) no-repeat; position:absolute; top:16px; right:30px; _display:none;}
#password_weight.w0{ background-position:0 0;}
#password_weight.w1{ background-position:0 -25px;}
#password_weight.w2{ background-position:0 -50px;}
#password_weight.w3{ background-position:0 -75px;}

/* 404 */
#wrap.vko404{ background:#fff;}
.box404{ width:1000px; height:550px; margin:0 auto; text-align:center; background:url(../images/pic/white404.jpg) top center no-repeat;}
.box404 a{ width:110px; height:25px; float:left; margin:178px 0 0 285px;}
.box404 a.gohome{ width:76px; margin:170px 0 0 26px;}
/* 500 */
#wrap.vko500{ background:#f2f2f2; padding:0 0 30px;}
.box500{ width:900px; height:440px; color:#818181; margin:30px auto 0; text-align:left; background:url(../images/pic/box500-bottom.jpg) left bottom no-repeat;}
.box500 .details{ width:510px; height:225px; padding:195px 0 0 310px; line-height:24px; font-size:16px; margin:0 0 0 40px; background:url(../images/pic/box500.jpg) #fff left 83px no-repeat;}

/* 微课客服 */
#floatTools{ width:117px; height:241px; position:fixed; right:-90px; top:350px; z-index:1100; _overflow:hidden; _position:absolute; _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||85)));}
#floatTools .tools_show,#floatTools .tools_hide{ width:27px; height:109px; background:url(../images/pic/floatToolsbg.jpg) left bottom no-repeat; float:left; cursor:pointer; _display:none;}
#floatTools .tools_show{ background-position:-27px bottom;}
#floatTools .tools_view{width:90px; height:241px; background:url(../images/pic/floatToolsbg.jpg) no-repeat; float:left; _position:relative; _left:27px;}
#floatTools .tools_view p{ width:100%; float:left; position:relative; top:42px;}
#floatTools .tools_view p a{ width:100%; height:35px; float:left; text-decoration:none;}
#floatTools .tools_view p .kfqq{ width:81%; height:37px; padding:0 44px 0 0; position:relative; top:10px; line-height:18px; text-align:right;}
#floatTools .tools_view p .kfqq img{ padding:0 6px 0 0; vertical-align:top;}
#floatTools .tools_view p a:hover{ color:#ff8100;}
/* 返回顶部 */
#base_scrollToTop{ width:27px; height:29px; background:url(../images/pic/backTotop.gif); position:fixed; top:460px; right:0; z-index:1100; cursor:pointer; _overflow:hidden; _position:absolute; _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||90)); _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

/* 页面布局 */
#head{ width:100%; min-width:1000px; height:100px; background:#deeef2;}
#wrap{ width:100%; min-width:1000px; margin:0; background:#deeef2; overflow:auto;}
#footer{ width:100%; min-width:1000px; background:#deeef2; overflow:auto;}
.head,#container,.footer{ width:1000px; margin:0 auto;}